import React from 'react';
/**
 * 组件 & Props
 * 组件类型：函数式组件、class组件
 * 组件名称必须以大写开头，以小写字母开头会被视为原生Dom标签
 * 
 * 所有 React 组件都必须像纯函数一样保护它们的 props 不被更改。
 */

// ------------------ 函数式组件 ------------------
// function Welcome(props) {
//   return <h1>Hello, {props.name}</h1>;
// }


// ------------------ class 组件 ------------------
class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>
  }
}

export default Welcome;